<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Controlmátic</title>
		<meta name="keywords" content="clave1, tu clave 2, tus claves">
		<meta name="description" content="Descripción de la Página Web">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
		<link href="css/reset.css" rel="stylesheet" type="text/css" />
		<link href="css/960.css" rel="stylesheet" type="text/css" />
		<link href="css/controlmatic.css" rel="stylesheet" type="text/css" />
		<link href="font/stylesheet.css" rel="stylesheet" type="text/css" />
		<link href="css/atooltip.css" rel="stylesheet" type="text/css" />
		<!--<link href="css/slideshow.css" rel="stylesheet" type="text/css" />-->

		<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
		<script src="js/jquery.lazyload.min.js"></script>
		<script src="js/jquery.atooltip.min.js"></script>
		<script src="js/fadeSlideShow.js"></script>
		<script src="js/controlmatic.js"  type="text/javascript"></script>
		<script src="js/loadfiles.js" type="text/javascript"></script>

	</head>

	<body>
		<div id="header" class="container_12">
			<!--archivo adds/cabecera.html-->
		</div>

		<div class="clear">
			&#32;
		</div>

		<div id="banner" class="container_12" style="height: 300px;">

			<div id="slideshow" style="background: red; display: block; left: 0; height: 300px; overflow: hidden;  top: 64px; position: absolute; z-index: 1;">

				<ol class="slides">

					<li class="slide">
						<div>
							<!--<div class="map" >
							<blockquote class="proy-description">
							<h2>Aeropuerto Lorem Ipsum Sicut Amet </h2>
							<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
							</p>
							<ul class="items">
							<li class="cards">
							<a class="normalTip" title="Control de ingresos"> </a>

							</li>
							<li class="fire">
							<a class="normalTip" title="Detección y alarma de incendios"> </a>
							</li>
							<li class="wind">
							<a class="normalTip" title="Control ambiental"> </a>
							</li>
							<li class="camera">
							<a class="normalTip" title="Video digital"> </a>
							</li>
							</ul>
							</blockquote>
							</div>-->
							<img class="resize lazy" src="img/grey.gif" data-original="photos/p1.jpg" width="1150" height="565">
						</div>

					</li>
					<li class="slide">
						<div>
							<!--<div class="map" >
							<blockquote class="proy-description">
							<h2>Aeropuerto Yerevan</h2>
							<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
							</p>
							<ul class="items">
							<li class="cards">
							<a class="normalTip" title="Control de ingresos"> </a>

							</li>
							<li class="fire">
							<a class="normalTip" title="Detección y alarma de incendios"> </a>
							</li>
							<li class="wind">
							<a class="normalTip" title="Control ambiental"> </a>
							</li>
							<li class="camera">
							<a class="normalTip" title="Video digital"> </a>
							</li>
							</ul>
							</blockquote>
							</div>-->

							<img class="resize lazy" src="img/grey.gif" data-original="photos/p1.jpg" width="1150" height="565">
						</div>
					</li>

					<li class="slide">
						<div>
							<!--<div class="map" >
							<blockquote class="proy-description">
							<h2>Aeropuerto Lorem</h2>
							<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
							</p>
							<ul class="items">
							<li class="cards">
							<a class="normalTip" title="Control de ingresos"> </a>

							</li>
							<li class="fire">
							<a class="normalTip" title="Detección y alarma de incendios"> </a>
							</li>
							<li class="wind">
							<a class="normalTip" title="Control ambiental"> </a>
							</li>
							<li class="camera">
							<a class="normalTip" title="Video digital"> </a>
							</li>
							</ul>
							</blockquote>
							</div>-->
							<img class="resize lazy" src="img/grey.gif" data-original="photos/p1.jpg" width="1150" height="565">
						</div>
					</li>
				</ol>

			</div>

		</div>

		<div class=" spacer-20">
			&#32;
		</div>

		<div id="content" class="container_12 zindex" style="margin-top: -60px;" >

			<div id="navigation" class="grid_12 nav box-shadow" style="margin-bottom: 20px;">
				<ul>
					<li>
						<a  href="index.html">Home</a>
					</li>
					<li>
						<a href="nosotros.html">Nosotros</a>
					</li>
					<li>
						<a href="que_ofrecemos.html">¿Qué Ofrecemos?</a>
					</li>
					<li>
						<a href="proyectos.html">Proyectos</a>
					</li>
					<li>
						<a href="clientes.html">Clientes</a>
					</li>
					<li>
						<a  class="active"  href="contactenos.html">Contáctenos<span class="arrow" style="left: 49px;">&#32;</span></a>
					</li>
				</ul>

				<span class="idioma"> <!--<a href="#">INGLES</a> <span class="f-right">/</span><a class="active" href="#">ESPAÑOL</a>--> </span>

			</div>

			<div class="grid_12">

				<div class="grid_8 alpha">
					<img src="img/sombra2.jpg" height="380" style="right: -20px;" class="pos-abs">
                    <br>
					<h1 class="red">Contáctenos</h1>
					<br>
					<div class="grid_4 alpha">
						<p>
							Av. Canaval y Moreyra 425 Of. 74
							<br>
							San Isidro, Lima 27 Perú
							<br>
							Tel: (511) 442 0199
							<br>
							Fax: (51) 440 2518
							<br>
							E-mail: <a href="mailto:info@controlmatic.com">info@controlmatic.com</a>
							<br>
							<br>
							<a href="http://www.controlmatic.com">www.controlmatic.com</a>
							<br>
							<br>
						</p>
					</div>

					<div class="grid_4 omega">

					</div>

					<div class="spacer-20">
						&#32;
					</div>

				</div>

				<div class="grid_4 omega">
					<img src="img/contac.jpg">
				</div>

			</div>

			<!-- <div class="grid_4">
			<h2 class="red">Servicios</h2>
			<h6 class="bajada"> Es de suma importancia mantener una estrecha y permanente relación con nuestros clientes para el desarrollo de un sistema eficiente </h6>
			<p>
			Nuestros servicios abarcan todos los aspectos necesarios para la conceptualización, desarrollo e implementación final de soluciones: desde comprender y precisar la necesidad del cliente, adoptar la solución adecuada para cada aplicación, diseñar y realizar la ingeniería completa, pasando por la instalación de todos los componentes del sistema, programación, puesta en marcha, entrenamiento al cliente, hasta la realización del soporte técnico necesario para la óptima adecuación de los sistemas a las necesidades puntuales, producto de los usos y costumbres de la edificación.
			</p>
			</div> -->
			<div class="spacer-30">
				&#32;
			</div>

			<div id="advertisement" class="grid_12">
				<!-- archivo adds/banners_pie.html-->
			</div>

			<div class="spacer-30">
				&#32;
			</div>

			<div id="footer" class="grid_12">

				<!--archivo adds/pie.html-->

			</div>

			<div class="spacer-30">
				&#32;
			</div>

		</div>
	</body>
</html>
